@import "../../../../../assets/css/Master/index";

.Fontsize {
  position: fixed;
  bottom: -30rem;
  z-index: 100;
  width: 100%;
  background-color: #fff;
  animation: transymode .35s 1 .25s  cubic-bezier(0,0,0.25,1) forwards;
  -webkit-animation: transymode .35s 1 .25s cubic-bezier(0,0,0.25,1) forwards;
  .fontcontent {
    padding: 2rem 3rem;
    .first-div {
      width: 100%;
      /*line-height: 7rem;*/
      display: flex;
      justify-content: space-between;
      align-content: center;
      .div:first-child {
        padding: 1rem 0;
        font-size: 1.5rem;
        color: #5c6469;
        i {
          margin-right: .5rem;
          font-size: 1.5rem;
        }
        .icon-zitidaxiao-icon {
          font-size: 1.1rem;
        }
      }
      .div:last-child {
        margin-top: -.25rem;
        padding: 1rem 0;
        .span {
          font-size: 1.2rem;
          color: @Master9;
          border: .1rem solid @Master9;
          padding: .3rem 1rem;
          border-radius: 5rem;
        }
      }
      .colornth {
        display: flex;
        justify-content: space-around;
        align-items: center;
        .icons {
          width: 4rem;
          height: 2rem;
          margin-left: .7rem;
          border-radius: .2rem;
          i, .icon-yejianmoshi {
            color: #fff;
            font-size: 1rem;
            display: inline-block;
            position: relative;
            top: -.4rem;
          }
        }
        .iconscolor1 {
          background-color: #fff;
          border: .1rem solid #111;
        }
        .iconscolor2 {
          background-color: #f7f1df;
          border: .1rem solid #f7f1df;
        }
        .iconscolor3 {
          background-color: #5e5e6b;
          border: .1rem solid #5e5e6b;
        }
      }
    }
  }
}
